@charset "UTF-8";
*{margin:0;padding:0}
#movie{
	margin-top:50px;
	text-align:center;
	.img{
		overflow:hidden;
	}
	img{
		width:100%;
	}
	.col-md-3{
		div{
			cursor:pointer;
			transition:0.5s;
		}
		div:not(:first-child):hover{
			color:white;
			background-color:lightblue;
		}
	}
	.unit{
		>div{
			display:inline-block;
			width:50%;
			vertical-align:top;
			font-family:楷体;
			font-weight:700;
			font-size:20px;
			.action{
				margin-top:5px;
				button{
					width:80%;
					font-family:楷体;
					font-weight:700;
					font-size:20px;
				}
			}
		}
	}
}
#navigation{
	position: fixed;
	width:100%;
	height:40px;
	z-index:100;
	top:0;
	background-color:rgb(178,178,178);
	padding:3px 0;
	text-align:center;
	>span{
		line-height:35px;
		font-family:楷体;
		font-weight:700;
		font-size:20px;
	}
	#addMovie{
		position: absolute;
		right:15px;
		top:6px;
		color:white;
		font-size:20px;
		cursor:pointer;
		transition:0.5s;
	}
	#addMovie:hover{
		transform:rotate(180deg)
	}
}